* {
  padding: 0;
  margin: 0;
}

#app {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

input {
  outline: none;
}

input:focus {
  outline: none;
}

input {
  background: none;
  outline: none;
  border: 0px;
}


img {
  object-fit: cover;
}

input {
  width: 100%;
}

::-webkit-scrollbar {
  display: none;
}

html {
  scrollbar-width: none;
}

html {
  -ms-scrollbar-face-color: Transparent;
  -ms-scrollbar-3dlight-color: Transparent;
}


img:hover {
  cursor: pointer; //经过页面时，鼠标会变成一只手
}

img, {
  transform: scale(1); //原本的图片的大小，图片原来的大小不变
  transition: all 0.4s;
}

img:hover, {
  transform: scale(1.02) !important; //图片按照比例，整体放大了1.2倍
  // 当鼠标经过是图片放大的倍数为1.2倍
  font-weight: 900;
}

.cover-box, .cover, .avatar {
  overflow: hidden !important;
  border-radius: 10px;
}

.title {
  transform: scale(1); //原本的图片的大小，图片原来的大小不变
  transition: all 0.1s;
}

.title:hover {
  // 当鼠标经过是图片放大的倍数为1.2倍
  font-weight: 900;
}
